<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./../index css/base.css">
    <link rel="stylesheet" href="./../index css/index.css">
    <link rel="stylesheet" href="./../iconfont.css">
    <link rel="stylesheet" href="./../index css/ysy.css">
    <link rel="stylesheet" href="./../index css/footer.css">

</head>

<body>


    <div class="wrapper">
        <header>
            <div>
                <h1>CHANEL
                </h1>
                <div>
                    <a href=""> <span class="iconfont icon-sousuo
                    "></span></a><a href=""><span class="iconfont icon-denglu
                        "></span></a><a href=""><span class="iconfont icon-dizhi"></span></a>
                    <a href=""><span class="iconfont 
                            购物车
                            icon-gouwuche"></span></a>
                </div>
            </div>
            <ul>
                <li><a href="">香奈儿</a></li>
                <li><a href="">彩妆</a></li>
                <li><a href="">护肤品</a></li>
                <li><a href="">N1 DE CHANEL </a></li>
            </ul>
        </header>
    </div>
    <main>
        <section class="section1">
            <div>
                <p>香水</p>
                <p>给你奇幻，给你香奈儿</p>
                <div>
                    <button>探索</button>
                </div>
            </div>
            <div>
                <a href=""> <span class="iconfont icon-zanting"></span></a><a href=""><span class="iconfont icon-zuojiantou-tianchong
            "></span></a><a href=""><span class="iconfont icon-youjiantou-tianchong
                "></span></a>
            </div>
        </section>
        <section class="section2">
            <div class="wrapper">
                <p>
                    永恒经典
                </p>
                <div>
                    <div>
                        <img src="../images/1.jpg" alt="">
                        <p>SUBLIMAGE

                        </p>
                        <p> 探索</p>

                    </div>
                    <div>
                        <img src="../images/2.jpg" alt="">
                        <p>N°5
                        </p>
                        <p>探索</p>

                    </div>
                    <div>
                        <img src="../images/3.jpg" alt="">
                        <p>ROUGE COCO

                        </p>
                        <p>探索</p>

                    </div>
                </div>
            </div>

        </section>
        <div class="wrapper">
            <section class="section3">
                <div>
                    <p>#CREATEYOURSELF


                    </p>
                    <p>香奈儿美妆</p>
                    <p>产品、技巧、美妆访谈、妆容、灵感</p>
                    <div>
                        <button>探索</button>
                    </div>
                </div>

            </section>
        </div>
        <section class="section4">

            <div class="wrapper">
                <p>
                    明星产品

                </p>
                <div>
                    <div>
                        <img src="../images/5.jpg" alt="">
                        <p>ROUGE ALLURE
                        </p>
                        <p>香奈儿炫亮魅力唇膏 </p>

                        <p> ￥
                            <span>380.00</span>
                        </p>
                        <div>
                            <a href=""> <button>立即购买</button></a>
                        </div>
                    </div>
                    <div>
                        <img src="../images/6.jpg" alt="">
                        <p>SUBLIMAGE LESSENCE DE TEINT
                        </p>
                        <p>香奈儿奢华精萃滋养粉底液</p>

                        <p>￥<span>1,350.00</span>
                        </p>
                        <div>
                            <a href=""><button>立即购买</button></a>
                        </div>

                    </div>
                    <div>
                        <img src="../images/7.jpg" alt="">
                        <p>SUBLIMAGE LA CREME YEUX
                        </p>
                        <p> 香奈儿奢华精萃赋活眼霜</p>


                        <p>￥
                            <span>1,850.00</span>
                        </p>
                        <div>
                            <a href=""><button>立即购买</button></a>
                        </div>

                    </div>

                </div>
            </div>


        </section>
        <section class="section5">
            <div class="wrapper">
                <div>
                    <div>
                        <div>
                            <img src="../images/8.jpg" alt="">
                        </div>
                        <p><a href="">香奈儿试妆</a>
                        </p>
                        <p> <a href="">开始体验></a></p>
                    </div>
                    <div>
                        <div><img src="../images/9.jpg" alt=""></div>
                        <p><a href="">香奈儿集礼</a></p>
                        <p> <a href="">探索></a></p>
                    </div>
                </div>
            </div>
        </section>
        <section class="section6">
            <div class="fengexian">
            </div>

        </section>
        <section class="section7">
            <div class="wrapper">
                <div>
                    <div>
                        <p>线上客服

                        </p>
                        <p>香奈儿线上专门店客服团队将竭诚为您服务,请联系线上美容顾问<br>或致电40o9-555-888，工作时间每日上午9点至晚上24点。</p>

                    </div>
                    <div>
                        <p>购买</p>
                        <p>每笔订单均附赠指定体验装。</p>
                        <p>并享受免费订单配送。</p>
                    </div>
                    <div>
                        <p>最新资讯
                        </p>
                        <p>订阅香奈儿最新资讯:限量创作系列，到心意好礼，尽在掌握。</p>
                        <div>
                            <button>订阅</button>
                        </div>
                    </div>
                </div>
            </div>

        </section>

    </main>
    <footer>
        <!-- <div class=".footer_firstDiv"> -->
        <!-- 上 -->
        <div class="footer_top">
            <h1><a href="#javascript">CHANEL</a></h1>
        </div>
        <!-- 中 -->
        <div class="footer_middle">
            <ul class="fl-spaceB">
                <li>
                    <h2><a href="#javascript">前往 CHANEL.com</a></h2>
                    <p><a href="#javascript">高级定制服</a></p>
                    <p><a href="#javascript">精品</a></p>
                    <p><a href="#javascript">腕表</a></p>
                    <p><a href="#javascript">高级珠宝</a></p>
                </li>
                <li>
                    <h2><a href="#javascript">香奈儿与您</a></h2>
                    <p><a href="#javascript">隐私政策</a></p>
                    <p><a href="#javascript">法律声明</a></p>
                    <p><a href="#javascript">Inside CHANEL</a></p>
                    <p><a href="#javascript">工作机会</a></p>
                    <p><a href="#javascript">Fondation CHANEL</a></p>
                    <p><a href="#javascript">CHANEL News</a></p>
                </li>
                <li>
                    <h2><a href="#javascript">销售店铺查询</a></h2>
                    <p><a href="#javascript">寻找销售店铺</a></p>
                </li>
                <li>
                    <h2><a href="#javascript">服务</a></h2>
                    <p><a href="#javascript">近期活动</a></p>
                    <p><a href="#javascript">FAQ</a></p>
                    <p><a href="#javascript">线上专属服务</a></p>
                    <p><a href="#javascript">联系我们</a></p>
                    <p><a href="#javascript">订阅品牌资讯</a></p>
                </li>
            </ul>
        </div>
        <!-- 下 -->
        <div class="footer_bottom fl-spaceB">

            <!-- 左 -->
            <div class="fl-spaceB footer_bottom_left">
                <img src="../images/logo1.png" class="logo1">
                <img src="../images/logo2.png" class="logo2">
                <p>上海工商</p>
                <p>沪ICP备09005344号</p>
                <p>沪公网安备 </p>
                <p>31010602002483号</p>
            </div>
            <!-- 右 -->
            <div class="fl-right footer_bottom_right">
                <div class="fl">
                    <p id="gray">Languages</p>
                    <p>中国大陆</p>
                </div>
                <div class="fl-a">
                    <i class="iconfont icon-xinlangweibo"></i>
                    <span><a href="#javascript">rk</a></span>
                </div>
            </div>
        </div>
        <!-- </div> -->
    </footer>



</body>

</html>